// with polyfills babel 转es5
// import 'core-js/stable'
// import 'regenerator-runtime/runtime'

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/'
import { VueAxios } from './utils/request'
import ProLayout, { PageHeaderWrapper } from '@ant-design-vue/pro-layout'
import draggable from 'vuedraggable'

// mock
// WARNING: `mockjs` NOT SUPPORT `IE` PLEASE DO NOT USE IN `production` ENV.
import './mock'

// 响应式布局监听增加
import bootstrap from './core/bootstrap'
import './core/lazy_use' // 按需引入 antd-vue
import './permission' // 权限控制
import './utils/filter' // 全局过滤器
import './style/global.less' // 全局样式

Vue.config.productionTip = false
Vue.component('draggable', draggable)

// 可以在api文件夹使用 request() 或者使用 `Vue.$http` 或者 在项目组件里直接使用 `this.$http`
Vue.use(VueAxios)
// 布局组件
Vue.component('pro-layout', ProLayout)
Vue.component('page-container', PageHeaderWrapper)
Vue.component('page-header-wrapper', PageHeaderWrapper)

new Vue({
  router,
  store,
  // init localstorage, vuex
  created: bootstrap,
  render: h => h(App)
}).$mount('#app')
